@charset "utf-8";
*{margin: 0; padding: 0; font-family: "SimHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0; padding: 0;}
body{margin: 0 auto;text-align: center;background-color: none;color: #fff;background: #c20036;}
img{border: none;display: block;}
input, select, textarea{outline: none; border: none;}
textarea{resize:none;}
a{text-decoration: none; color: inherit;}
li{list-style: decimal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: "";display: block;clear: both;}
.clearfix{zoom: 1;}

.load{position: fixed;height: 100%;width: 100%;line-height: 500px;background: #8364d2;color: #fff;top: 0;left: 0;}

.main{display: none;}
.section{position: relative;text-align: left;padding-top: 2em;overflow: hidden;/*z-index: 88;*/}
.title{font-size: 4.4em;margin-left: 20px;margin-bottom: 0px;}
.intro{font-size: 1.8em;margin-left: 20px;}


.detail01{text-align: center;position: absolute;bottom: 4em;font-size: 1.5em;width: 100%;}
.img01{position: absolute;bottom: 3.5em;width: 12em;left: 50%;margin-left: -6em;}


.detail02{font-size: 1em;margin-left: 20px;line-height: 1.5em;}
/*.detail02:nth-of-type(1){margin-top: 0.5em;}*/
.img02{width: 16em;position: absolute;bottom: 8.5em;left: 50%;margin-left: -8em;}
.img02_s{width: 20em;position: absolute;bottom: 3em;left: 50%;margin-left: -10em;}

.title03{font-size: 2em;margin-left: 20px;}
.intro03{font-size: 1.2em;}
.img03{position: absolute;bottom: 1em;width: 18em;left: 50%;margin-left: -9em;}

.page04{text-align: center;padding-top: 5em;}
.img04_01{font-size: 6em;}
.img04_02{font-size: 6em;line-height: 1em;}
.img04_02 span{font-size: 0.5em;}
.intro04{position: absolute;bottom: 6em;width: 100%;text-align: center;font-size: 1.5em;}

.title05 span{font-weight: normal;}
.intro05{font-size: 1.2em;margin-left: 20px;margin-bottom: 0.5em;}
.intro05 span{font-size: 1.5em;}
.img05{width: 19em;position: absolute;bottom: 3em;right: 0;}

.detail06{font-size: 1.2em;margin-left: 20px;line-height: 1.5em;}
.img06{width: 16em;position: absolute;bottom: -6em;left: 50%;margin-left: -8em;}

.info07{width: 100%;text-align: center;margin-top: 3em;}
.deail07{font-size: 1.2em;}
.intro07{font-size: 4em;}
.img07{width: 100%;bottom: 1em;position: absolute;}
.img07_s{width: 9em;bottom: 3em;position: absolute;left: 50%;margin-left: -4.5em;}

.detail08{font-size: 1.2em;margin: 0.5em 0 0.5em 1em;line-height: 0.6em;}
.detail08 span{font-size: 3em;margin-left: 10px;}
.title08_div{position: relative;}
.title08_div img{position: absolute;bottom: 0;width: 1.8em;left: 5em;}
.img08{position: absolute;bottom: 8em;width: 20em;left: 50%;margin-left: -10em;}

.pro09{width: 20em;margin: 0 auto;}
.logo09{width: 4em;margin-left: 35px;margin-bottom: 2em;}
.gan09{width: 2.5em;display: inline-block;}
.title09{text-align: center;font-size: 2.5em;margin-bottom: 0.2em;}
.intro09{font-size: 1.6em;text-align: center;margin-top: -2.2em;margin-bottom: 2.5em;}
.detail09{font-size: 2.5em;text-align: center;margin-bottom: 0.5em;}
.btn09{font-size: 2em;border-radius: 0.2em;padding: 0 0.2em;display: block;border: none;
	position: absolute;left: 50%;margin-left: -56px;color: #c6123e;/*color: #fff;*/background: #fff;}
/*.page09{background: #c6123e;}
.page01{
  background: -webkit-linear-gradient(180deg, #EB3349 10%, #F45C43 90%);
  background:    -moz-linear-gradient(180deg, #EB3349 10%, #F45C43 90%);
  background:     -ms-linear-gradient(180deg, #EB3349 10%, #F45C43 90%);
  background:      -o-linear-gradient(180deg, #EB3349 10%, #F45C43 90%);
  background:         linear-gradient(180deg, #EB3349 10%, #F45C43 90%);
.page02{
  background: -webkit-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:    -moz-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:     -ms-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:      -o-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:         linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
.page03{
  background: -webkit-linear-gradient(45deg, #e8084a 10%, #ae3284 90%);
  background:    -moz-linear-gradient(45deg, #e8084a 10%, #ae3284 90%);
  background:     -ms-linear-gradient(45deg, #e8084a 10%, #ae3284 90%);
  background:      -o-linear-gradient(45deg, #e8084a 10%, #ae3284 90%);
  background:         linear-gradient(45deg, #e8084a 10%, #ae3284 90%);
.page04{background: #f81440;}
.page05{
  background: -webkit-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:    -moz-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:     -ms-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:      -o-linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
  background:         linear-gradient(45deg, #EB3349 10%, #F45C43 90%);
.page06{
  background: -webkit-linear-gradient(45deg, #f97851 10%, #f21645 90%);
  background:    -moz-linear-gradient(45deg, #f97851 10%, #f21645 90%);
  background:     -ms-linear-gradient(45deg, #f97851 10%, #f21645 90%);
  background:      -o-linear-gradient(45deg, #f97851 10%, #f21645 90%);
  background:         linear-gradient(45deg, #f97851 10%, #f21645 90%);
  */
.page07{
  background: -webkit-linear-gradient(60deg, #e8084a 10%, #b12d86 90%);
  background:    -moz-linear-gradient(60deg, #e8084a 10%, #b12d86 90%);
  background:     -ms-linear-gradient(60deg, #e8084a 10%, #b12d86 90%);
  background:      -o-linear-gradient(60deg, #e8084a 10%, #b12d86 90%);
  background:         linear-gradient(60deg, #e8084a 10%, #b12d86 90%);
}

.ani{-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;}
.aniD{-webkit-animation-duration: 0.5s;
	animation-duration: 0.55s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;}
.aniD2{-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;}


@media (min-width: 900px){
	body{background: #c20036;}
	.title,.intro,.detail02,.title03,.intro05,.detail06,.detail08{margin-left: 120px;}
	.section{width: 100%;max-width: 990px;margin: 0 auto;}
	.img01{width: 26em;}

	.img02{width: 25em;margin-left: -12.5em;bottom: 11.5em;}
	.img02_s{width: 30em;margin-left: -15em;}

	.img03{width: 34em;margin-left: -17em;}

	.img05{width: 38em;right: 9em;}

	.img06{width: 22em;margin-left: -11em;}

	.title08_div img{left: 10em;}

	.img08{width: 38em;margin-left: -19em;}

	.logo09{margin-left: 140px;}
	.pro09{width: 38em;}
	.intro09{margin-top: -4.2em;}

}

















